<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>数学学院待业名单</title>
    <link rel="icon" href="static/favicon.ico" type="image/ico">


    <meta name="author" content="yinqi">
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
    <!--对话框-->
    <link rel="stylesheet" href="static/js/jconfirm/jquery-confirm.min.css">
    <link href="static/css/style.css" rel="stylesheet">
    <script th:inline="javascript">
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
    </script>
</head>

<body data-logobg="color_8" data-sidebarbg="color_8">
<div class="layout-web">
    <div class="layout-container">

        <!--页面主要内容-->
        <main class="layout-content">

            <div class="container-fluid">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-striped table-hover dataTable js-exportable">
                                        <thead>
                                        <tr>
                                            <th>编号</th>
                                            <th>姓名</th>
                                            <th>班级</th>
                                            <th>手机号</th>
                                            <th>就业情况</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="doc:${pageInfo.list}">
                                            <td name="td0" th:text="${doc.getUserId()}"></td>
                                            <td name="td1" th:text="${doc.getAiName()}"></td>
                                            <td name="td2" th:text="${doc.getPersonClass()}"></td>
                                            <td name="td3" th:text="${doc.getPhone()}"></td>
                                            <td name="td5" th:text="${doc.getSynWork()}"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="6" align="right">
                                                当前页：<span th:text="${pageInfo.pageNum}"/>
                                                总条数：<span th:text="${pageInfo.total}"/>
                                                总页数：<span th:text="${pageInfo.pages}"/><br/>
                                                <!--如果当前页为第一页，只显示下一页和末页-->
                                                <span th:if="${pageInfo.pageNum}==1">
                                                <a th:href="@{/dw(pageNum=${pageInfo.nextPage})}">下一页</a>&nbsp;
                                                <a th:href="@{/dw(pageNum=${pageInfo.navigateLastPage+1})}">末页</a>&nbsp;
                                                </span>
                                                <!--如果当前页为最后一页，只显示首页和上一页-->
                                                <span th:if="${pageInfo.pageNum}==${pageInfo.pages}">
                                                <a th:href="@{/dw(pageNum=1)}">首页</a>&nbsp;
                                                <a th:href="@{/dw(pageNum=${pageInfo.prePage})}">上一页</a>&nbsp;
                                                </span>
                                                <span th:if="${pageInfo.pageNum}!=1 and ${pageInfo.pageNum}!=${pageInfo.pages} ">
                                                <a th:href="@{/dw(pageNum=1)}">首页</a>&nbsp;
                                                <a th:href="@{/dw(pageNum=${pageInfo.prePage})}">上一页</a>&nbsp;
                                                <a th:href="@{/dw(pageNum=${pageInfo.nextPage})}">下一页</a>&nbsp;
                                                <a th:href="@{/dw(pageNum=${pageInfo.navigateLastPage+1})}">末页</a>&nbsp;
                                                </span>
                                            </td>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </main>
        <!--End 页面主要内容-->
    </div>
</div>
<script type="text/javascript" src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/js/perfect-scrollbar.min.js"></script>
<script src="static/js/jconfirm/jquery-confirm.min.js"></script>
<script type="text/javascript" src="static/js/main.js"></script>
<script type="text/javascript">
    $('.example-p-1').on('click', function () {
        $.alert({
            title: '数学学院',
            content: '这是对用户的一些统计!',
            buttons: {
                confirm: {
                    text: '查看待业人数',
                    btnClass: 'btn-primary',
                    action: function () {

                    }
                },
                see: {
                    text: '查看统计报表',
                    btnClass: 'btn-primary',
                    action: function () {
                        location.href="http://www.baidu.com";
                    }
                },
                cancel: {
                    text: '关闭',
                    action: function () {
                        $.alert('祝您生活愉快!');
                    }
                }
            }
        });
    });
</script>
<script type="text/javascript">
    $(function () {
        $('.search-bar .dropdown-menu a').click(function () {
            var field = $(this).data('field') || '';
            $('#search-field').val(field);
            $('#search-btn').html($(this).text() + ' <span class="caret"></span>');
        });
    });
</script>
</body>
</html>